<%@ page import="com.qysoft.rapid.utils.RenderHelper" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style type="text/css">
		.pic-border{
			MARGIN: auto;
			WIDTH: 99px;
			height: 126px;
			display: table-cell;
			vertical-align: middle;
			text-align: center;

			border:1px solid rgb(203, 213, 222);}

		.pic-border img{
			MAX-WIDTH: 100%!important;
			HEIGHT: auto!important;
			width:expression(this.width > 600 ? "600px" : this.width)!important;
		}
	</style>
<script type="text/javascript">
	var ctx = "${ctx}";
	var ssjgid = "${currentRyxx.orgid}";
	var ssjgmc = "${currentRyxx.orgmc}";
</script>
<%=RenderHelper.includedStyle(request, "/static/plugin/jqgrid/css/ui.jqgrid.css") %>
<%=RenderHelper.includedStyle(request, "/static/plugin/jqgrid/css/jquery-ui.theme.min.css") %>
<%=RenderHelper.includedStyle(request, "/static/plugin/layer/skin/layer.css") %>
<%=RenderHelper.includedStyle(request, "/static/plugin/ztree/zTreeStyle.css") %>
<%=RenderHelper.includedStyle(request, "/static/css/common.css") %>
<title>人员管理</title>
</head>
<body>
<!-- 操作按钮区 -->
<div class="search_div">
<form id="searchForm" action="">
<span class="search_font" style="margin-left: 250px;">人员名称：</span>
<input id="name" name="name" class="search_input" onkeypress="if(event.keyCode==13) {refreshRYXX();;return false;}"/>
<button type="button" class="_searchbtn" onclick="refreshRYXX();">查询</button>
<button type="button" class="_btn" onclick="formReset('searchForm');">重置</button>
<span class="fl_r">
<button type="button" class="_masterbtn" onclick="openAddRyxx();">新增</button>
<button type="button" class="_btn" onclick="refreshRYXX();">刷新</button>
</span>
</form>
</div>
<!-- 表格区 -->
<div class="left"  style="overflow: auto;">
	<ul id="orgTree" class="ztree"></ul>
</div>
<div class="right">
<table id="ryxxGrid"></table> 
<div id="ryxxPager"></div>	
</div>
<!-- 人员信息 -->
<div id="ryxxContent" style="display: none;">
<div class="megbox">
<form id="ryxxForm" name="ryxxForm" class="megbox_form" enctype="multipart/form-data">
<dl class="megbox_dl">
<dd><span style="color:red">* </span><label>人员代码：</label><span class="megbox_span">
<input id="username" name="username" class="{validate:{required:true,messages:{required:'人员代码为必填项！'}}} megbox_input" type="text">
</span></dd>
<dd><span style="color:red">* </span><label>人员姓名：</label><span class="megbox_span">
<input id="name" name="name" class="{validate:{required:true,messages:{required:'人员姓名为必填项！'}}} megbox_input" type="text">
</span></dd>
</dl>
<dl class="megbox_dl">
<dd><label>所属机构：</label><span class="megbox_span">
<input id="orgmc"  name="orgmc" readonly="readonly"  class="{validate:{required:true,messages:{required:'所属机构为必填项！'}}} megbox_input inp_readonly" type="text">
<input id="orgid" name="orgid" type="hidden">
<input id="id" name="id" type="hidden">
</span></dd>
<dd><label style="margin-left:7px;">联系电话：</label><span class="megbox_span">
<input  style="margin-left: -1px;width:181px;" id="TELEPHONE" name="telephone" maxlength="12" class="megbox_input" type="text"></span></dd>
</dl>
   <dl class="megbox_dl">
<dd><label>手机号：</label><span class="megbox_span">
<input id="cellphone"  name="cellphone"    class="megbox_input" maxlength="11" type="text">
</span></dd>
<dd><label style="margin-left:6px;">&nbsp;身份证号：</label><span class="megbox_span">
<input id="identity" name="identity" class="megbox_input" type="text"></span></dd>
</dl>
<dl class="megbox_dl">
<dd><label>日期开始：</label><span class="megbox_span">
<input id="valid_start"  name="valid_start"  class="megbox_select Wdate" onClick="WdatePicker();" type="text" style="width:183px;">
</span></dd>
<dd><label style="margin-left:5px;">日期结束：</label><span class="megbox_span">
<input id="valid_end" name="valid_end"   class="megbox_select Wdate" onClick="WdatePicker();" type="text"  style="width:184px;"></span></dd>
</dl>
<dl class="megbox_dl">
<dd><label>居住地址：</label><span class="megbox_span">
<input id="address"  name="address"    class="megbox_input" type="text">
</span></dd>
<dd><label style="margin-left:5px;">邮政编码：</label><span class="megbox_span">
<input id="postcode" name="postcode" class="megbox_input" maxlength="6" type="text"  style="width:181px;">
</span></dd>
</dl>
<dl class="megbox_dl">
<dd><label style="margin-left:0px;">E-mail：</label><span class="megbox_span">
<input id="email" name="email" class="megbox_input" type="text"  style="width:179px;">
</span></dd>
	<dd><label style="margin-left:5px;">QQ：</label><span class="megbox_span">
<input id="qq" name="qq" class="megbox_input" maxlength="20" type="text"  style="width:181px;">
</span></dd>
</dl>
	<dl class="megbox_dl">
<dd id="fileUpload">
	<label>头像：</label>
	<span class="megbox_span">
    <input type="hidden" id="file_size" name="file_size" />
    <input type="file" id="pic_input" name="pic_input"
							  class="megbox_input" style="float:left; width:460px;padding: 5px 0.35em 4px 2%;"   onChange="loadImgFile()">
	</span>
</dd>
		<dd>
			<label>头像预览：</label>
			<span class="megbox_span">
		<input type="hidden" id="PICURL" name="PICURL" vlaue=""/>
					<div class="pic-border" >
					   <img id="imgShow"  src="" alt="">
			</span>
		</dd>
	</dl>
	<dl class="megbox_dl">

	</dl>
<dl class="megbox_dl">
<dd style="width:562px;"><p class="fl_r">
<button type="button" class="_masterbtn" onclick="saveRYXX();">保存</button>
<button type="button" class="_btn" onclick="qyClose();">关闭</button>
</p></dd>
</dl>
</form>
</div>
</div>
<div id="grantContent" style="display: none">
<div id="jsTree" class="ztree" style="height:300px; width:290px;overflow: auto;"></div>
<p class="fl_r">
<button type="button" class="_masterbtn" onclick="saveGrant();" style="margin-right: 20px;margin-bottom: 20px;">保存</button>
</p>
</div>
<%=RenderHelper.includedJavascript(request, "/static/plugin/jquery.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/jquery.form.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/jqgrid/jquery.jqGrid.min.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/jqgrid/grid.locale-cn.js") %>
<%=RenderHelper.includedJavascript(request, "/static/js/common.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/layer/layer.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/validate/jquery.validate.min.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/validate/jquery.metadata.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/validate/messages_cn.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/ztree/jquery.ztree.core-3.5.min.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/ztree/jquery.ztree.excheck-3.5.min.js") %>
<%=RenderHelper.includedJavascript(request, "/static/plugin/My97DatePicker/WdatePicker.js") %>
<%=RenderHelper.includedAutoJavascript(request) %>
</body>
</html>